<div class="open-member-all cssType2" *ngIf="tagData.data" [ngStyle]="tagData.cssStyle | styleFilter">
  <div class="open-member" [ngStyle]="tagData.data.bgCssStyle|styleFilter">
    <div class="member-left" [ngStyle]="tagData.data.memberLeftCssStyle|styleFilter">
      <div [ngStyle]="tagData.data.memberLeftInnerBoxCssStyle|styleFilter">
        <img class="member-left-img" *ngIf="tagData.data.leftIcon" [src]="tagData.data.leftIcon"
          [ngStyle]="tagData.data.leftIconCssStyle|styleFilter" onerror="this.src='assets/img/vip_serve.png'" />
      </div>
      <div class="info" [ngStyle]="tagData.data.infoBoxCssStyle|styleFilter">
        <div class="info-title" *ngIf="tagData.data.title" [ngStyle]="tagData.data.titleCssStyle|styleFilter">
          <img *ngIf="tagData.data.smallIcon" [src]="tagData.data.smallIcon" class="smallIcon"
            onerror="this.src='assets/img/vip_serve.png'"
            [ngStyle]="tagData.data.smallIconCssStyle|styleFilter" />{{tagData.data.title?.label}}
        </div>
        <div class="info-cener" *ngIf="tagData.data.info" [ngStyle]="tagData.data.infoCssStyle|styleFilter">
          {{tagData.data.info}}
          <span class="second-link-button" *ngIf="tagData.data.secondTagLabel"
            [ngStyle]="tagData.data.secondTagLabelCssStyle|styleFilter">{{tagData.data.secondTagLabel}}</span>
        </div>
        <div class="info-cener" *ngIf="tagData.data.info2" [ngStyle]="tagData.data.info2CssStyle|styleFilter"
          style="margin-top: 0.12rem;">{{tagData.data.info2}}</div>
      </div>
    </div>
    <div class="member-right" *ngIf="tagData.data.rightBut" [ngStyle]="tagData.data.memberRightBoxCssStyle|styleFilter">
      <button appDebounceClick (debounceClick)="go(tagData.data.rightBut.link)"
        [ngStyle]="tagData.data.buttonCssStyle|styleFilter">{{tagData.data.rightBut.label}}</button>
    </div>

    <!--蜂喔用户2.0-->
    <div class="topRightBox" [ngStyle]="tagData.data.topRightBoxCssStyle|styleFilter">

      <img class="rightFirstIconUrl" *ngIf="tagData.data?.rightFirstIconUrl" [src]="tagData.data?.rightFirstIconUrl"
        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16763428685243b0c2a6da401346f20b49773e627393b.png'"
        [ngStyle]="tagData.data?.rightFirstIconUrlCssStyle|styleFilter" />

      <!--升级-->
      <span class="rightFirstSpan" *ngIf="tagData.data?.rightFirstSpan"
        [ngStyle]="tagData.data?.rightFirstSpanCssStyle|styleFilter">{{tagData.data?.rightFirstSpan}}</span>

      <!--箭头-->
      <img class="rightSecondIconUrl" *ngIf="tagData.data?.rightSecondIconUrl" [src]="tagData.data?.rightSecondIconUrl"
        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676343074116a94485149278864dcaec9dfaeefc868b.png'"
        [ngStyle]="tagData.data?.rightSecondIconUrlCssStyle|styleFilter" />
    </div>


    <img class="bgImgUrl" *ngIf="tagData.data?.bgImgUrl" [src]="tagData.data?.bgImgUrl"
      onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16769461237522976e565a06bce3d01cd06f4633690a3.png'"
      [ngStyle]="tagData.data?.bgImgUrlCssStyle|styleFilter" />

  </div>
</div>